<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // cookie 以键值对的形式存储   --- 字符串
        //   语法  document.cookie = 'key=value;path=/;expires=一个时间'


        // cookie  
        //   名称
        //   内容
        //   路径
        //   到期时间   默认浏览器会话结束，则cookie到期


        // 在同一个路径下
        //    名称具有唯一性   如果重复就会覆盖


        const date = new Date() ;
        // 时间减去8个小时
        // date.setHours(date.getHours() - 8) ;

        // 这条记录不会产生  --- 一创建就到期了    
        document.cookie = 'name=yy;path=/;expires=' + date ;

        const date2 = new Date() ;
        document.cookie = 'name=cc;path=/;expires=' + date2 ;

        const date3 = new Date() ;
        document.cookie = 'pwd=123;path=/;expires=' + date3 ;

        document.cookie = 'email=123@qq.com;path=/;expires=' + date3 ;

    </script>
    
</body>
</html>